<script>
function editar_produto(id, menu)
{
	$("#form_categoria").fadeIn();
	$("#caf03_cod").val(id);
	$("#caf03_menu").val(menu);

	//salvarForm();
}

function desativar_produto()
{
	var id = $("#caf05_cod").val();

	if(id)
	{
		$.post('admin/desativar-produto', {id: $("#caf05_cod").val()}, function(ret){
			msg({vmsg: 'Produto Desativado.'});
	
			$(".bt_usuario").click();
		});
	}
	else
	{
		msg({vmsg: 'Nada a fazer.'});
	}
}

function salvarForm_produto()
{
	if(!$("#caf05_prod").val())
	{
		msg({vmsg: 'Preencha o produto.', type: 'alert'});

		return;
	}
	
	if(!$("#caf05_cod_menu").val())
	{
		msg({vmsg: 'Selecione Categoria.', type: 'alert'});

		return;
	}
	
	if(!$("#caf05_valor").val())
	{
		msg({vmsg: 'Selecione Valor.', type: 'alert'});

		return;
	}

	var data = $("#form_produto").serialize();

	$.post('admin/novo-produto', data, function(ret){
		msg({vmsg: 'Produto salvo.'});

		$(".bt_usuario").click();
	});
}
</script>
<div id="div_produto" class="ui-corner-all" style="border: 1px solid gray; background: white; width: 600px; margin: 0 auto; margin-top: 10px; display: none;" id="form_usuario">
	<div style="width: 600px; font-size: 22px; margin: 0 auto;  margin-top: 8px;">
		&nbsp;<font color="#ff9900">Formulario</font>
		<hr style="margin-top: 5px; border-top: 1px dashed #dddddd" />
	</div>
	<form action="" id="form_produto" >
		<input type="hidden" name="caf05_cod" id="caf05_cod" value="" />
		<table cellspacing="1" cellpadding="5" style="font-size: 15px; width: 600px; margin-top: 10px;" align="center">
			<tr>
				<td>
					Produto <font color="red">*</font>
				</td>
				<td width="1%">
					:
				</td>
				<td>
					<input class="ui-corner-all" style="width: 150px; padding: 10px; border: 1px solid #bececf; background: #fcfcfc" type="text" onclick="showKeyboard(this.id);" name="caf05_prod" id="caf05_prod" />
				</td>
			</tr>
			<tr>
				<td>
					Imagem
				</td>
				<td width="1%">
					:
				</td>
				<td>
					
				</td>
			</tr>
			<tr>
				<td>
					Categoria <font color="red">*</font>
				</td>
				<td width="1%">
					:
				</td>
				<td>
					<div onclick="options('cat');" id="cat_titulo"  class="ui-corner-all" style="width: 150px; padding: 10px; border: 1px solid #bececf; background: #fcfcfc; background-image: url('public/images/tablesorter/asc.gif'); background-repeat: no-repeat; background-position: 97%">
						Selecione
					</div>
					<div id="cat" class="ui-corner-all" style="opacity: 0; width: 170px; display: none; border: 1px solid #bececf; background: #f9f9f9; position: absolute;">
						<?php foreach ($this->dropcat as $k => $v): ?>
						<div onclick="$('#caf05_cod_menu').val('<?php echo $k; ?>'); $('#cat_titulo').html('<?php echo $v; ?>'); options('cat');" style="padding: 10px 0 10px 10px; border-bottom: 1px dotted #eaeaea;">
							<strong><?php echo $v; ?></strong>
						</div>
						<?php endforeach; ?>
					</div>
					<input type="hidden" name="caf05_cod_menu" id="caf05_cod_menu" />
				</td>
			</tr>
			<tr>
				<td>
					Valor Venda <font color="red">*</font>
				</td>
				<td width="1%">
					:
				</td>
				<td>
					<input class="ui-corner-all" style="width: 150px; padding: 10px; border: 1px solid #bececf; background: #fcfcfc;" type="text" onclick="keybnumShow({elm: '#caf05_valor', title: 'Valor Venda'});" name="caf05_valor" id="caf05_valor" />
				</td>
			</tr>
			<tr>
				<td>
					Valor Promocao
				</td>
				<td width="1%">
					:
				</td>
				<td>
					<input class="ui-corner-all" style="width: 150px; padding: 10px; border: 1px solid #bececf; background: #fcfcfc" type="text" onclick="keybnumShow({elm: '#caf05_valor_promo', title: 'Valor Promocao'});" name="caf05_valor_promo" id="caf05_valor_promo" />
				</td>
			</tr>
			<tr style="background: #f7f6f0;">
				<td style=" border-top: 1px dashed #dddddd" colspan="3" align="right">
				<input type="button" style="padding: 10px;"
				onclick="desativar_produto();" value="Desativar" />
				<input type="button" style="padding: 10px;"
				onclick="salvarForm_produto();" value="Salvar" />
				</td>
			</tr>
		</table>
	</form>
</div>